<template>
	<div class="mine">
		<div class="mineHead">
      <h1 class="mine-logo">
        <a href="#">
          <img src="https://i3.letvimg.com/lc07_img/201605/26/17/19/CNlogo2x.png">
        </a>
      </h1>
		  <p class="f_title">一个帐号玩转所有乐视服务</p>
		</div>
		<div class="mineInf">
			<ul>
				<li>
          <i class="yo-ico" id="yoFont1" >&#xe6de;</i>
          <span class="s_input_box">
            <input style="color: #020202;" id="inCon1" placeholder="请输入手机号" class="input_phone j-s-id" name="input_phone" type="text" >
          </span>
        </li>
        <li>
          <i class="yo-ico" id="yoFont2">&#xe640;</i>
          <span class="s_input_box">
            <input style="color: #020202;" placeholder="请输入6-16位字母/数字" ref="passWords"class="input_phone j-s-id" name="input_phone" :type="inputType">
          </span>
          <i class="yo-ico" id="yoFont3" v-show="isSee" @click="isSeeEye">&#xe620;</i>
          <i class="yo-ico" id="yoFont4" v-show="!isSee" @click="isSeeEye">&#xe633;</i>
        </li>
        <li>
          <i class="yo-ico" id="yoFont2">&#xe639;</i>
          <span class="s_input_box">
            <input style="color: #020202;" placeholder="验证码" ref="passWords"class="input_phone j-s-id" name="input_phone" :type="inputType" >
          </span>
          <i style="width: .3rem;" class="yo-ico">获取</i>
        </li>
			</ul>
			<p class="note_agreet">
				<i class="ag_icon" id="xieyi"></i>
				<span class="text">
					<i class="yo-ico" id=iAgree>&#xe708;</i>
					我已阅读并同意
          <u>
					  <a class="blu" href="#">乐视用户协议</a>
				  </u>
        </span>
      </p>
			<p @click="$store.commit('regist');regist()" class="loginButton"><span>注&nbsp;&nbsp;册</span></p>
      <p id="textRegist">
        <i class="yo-ico" id="yoFont6" >&#xe638;</i>
        &nbsp;短信注册
      </p>
		</div>
		<div class="mineFooer">
			<p class="language">
        <span>语言&nbsp;&nbsp;:&nbsp;&nbsp;</span>
        <a>简体中文&nbsp;&nbsp;&nbsp;&nbsp;</a>
        <span>国家/地区&nbsp;&nbsp;:&nbsp;&nbsp;</span>
        <a>中国</a>
      </p>
			<p class="tel">客服电话&nbsp;:&nbsp;
        <span>1010 9000</span>
			</p>
		</div>
	</div>
</template>

<script>
import "../assets/iconfont/iconfont1.ttf";
import "../assets/iconfont/iconfont1.woff";
import Vue from "vue";
import VueRouter from "vue-router";
export default {
  data() {
    return {
      isSee: true,
      inputType: "password"
    };
  },
  methods: {
    isSeeEye() {
      this.isSee = !this.isSee;
      if (this.inputType === "password") {
        this.inputType = "text";
      } else {
        this.inputType = "password";
      }
    },
    regist() {
      if (this.$store.state.isRegist == true) {
        this.$router.push('/mine1')
      }
    }
  },
  mounted() {
    let regist = this.$store.state.isRegist
    if (regist) {
      this.$router.push('/mine1')
    }
  }
};
</script>

<style>

</style>
